<style include="cr-hidden-style settings-shared">
  #overscroll {
    margin-top: 64px;
  }

  .showing-subpage ~ #overscroll {
    display: none;
  }

  #noSearchResults {
    margin-top: 80px;
    text-align: center;
  }

  #noSearchResults div:first-child {
    font-size: 123%;  /* Should be 16px when 100% is 13px. */
    margin-bottom: 10px;
  }

  managed-footnote {
    border-top: none;
    /* margin-bottom is needed to compensate for the next element's 21px
      * margin at the top and 8px padding at the top. This leaves a 12px
      * padding between this element's content and the top of the next
      * element's text. */
    margin-bottom: calc(-21px - 8px);
    padding-bottom: 16px;
    padding-top: 12px;
    /* The next element spills over this element. This ensures the link
      * is clickable. */
    position: relative;
    z-index: 1;
  }
</style>
<template is="dom-if"
    if="[[showManagedHeader_(showingSubpage_, showPages_.about)]]">
  <managed-footnote show-device-info></managed-footnote>
</template>
<template is="dom-if" if="[[showPages_.settings]]">
  <os-settings-page
      class="cr-centered-card-container"
      prefs="{{prefs}}"
      page-visibility="[[pageVisibility]]"
      show-android-apps="[[showAndroidApps]]"
      show-arcvm-manage-usb="[[showArcvmManageUsb]]";
      show-crostini="[[showCrostini]]"
      show-plugin-vm="[[showPluginVm]]"
      show-reset="[[showReset]]"
      show-startup="[[showStartup]]"
      have-play-store-app="[[havePlayStoreApp]]"
      on-showing-section="onShowingSection_"
      on-subpage-expand="onShowingSubpage_"
      on-showing-main-page="onShowingMainPage_"
      advanced-toggle-expanded="{{advancedToggleExpanded}}"
      show-kerberos-section="[[showKerberosSection]]">
  </os-settings-page>
</template>
<template is="dom-if" if="[[showPages_.about]]">
  <os-settings-about-page role="main"
      class="cr-centered-card-container"
      on-subpage-expand="onShowingSubpage_"
      on-showing-main-page="onShowingMainPage_"
      prefs="{{prefs}}"
      show-crostini="[[showCrostini]]">
  </os-settings-about-page>
</template>
<div id="overscroll" style="padding-bottom: [[overscroll_]]px"></div>
